![\"img\"](\"https://blog.kakaocdn.net/dn/bMlLfs/btqFQ9i1iD3/ZQE2tqi7lx7LUhTwK1tDtK/img.png\")
*\n\n프론트 엔드 면접 질문용 공부 후 정리 자료입니다. 정확하지 않을 수 있으니 꼭 다시 책이나 자료를 참고하여 공부하세요
\n
string, number, boolean, undefined , null , symbol사용 이유
\n== : 두 변수의 값 비교=== : 엄격한 비교(값 + 타입)0 == false // true 왜? js 에서 0 은 false 한 값이기 때문 \n1 == true //true \n\n2 == \"2\" // true 왜? 자동으로 타입을 캐스팅 해버림 \n0 == '' //true \n0 == '0' //true \n\nfalse == '0' //true \nnull == undefined //true \nfalse == null //false \nfalse == undefined //falseconst obj = {\n [Symbol(\"mySymbol\")]: 1,\n};\n// 아무것도 출력되지 않음\nfor (const key in obj) {\n console.log(key);\n}\n// 심볼 프로퍼티 출력\nconsole.log(Object.getOwnPropertySymbols(obj));let objectA = {};\t// 레퍼런스 카운트 1\nlet objectB = objectA; // 레퍼런스 카운트 2\n\nobjectA = null; // 레퍼런스 카운트 1\nobjectB = null; // 레퍼런스 카운트 0window 객체)부터 해당 객체까지 닿을 수 있는지를 판단클로저의 사용 이유:
\n| ES | \n년도 | \n추가 기능 | \n
|---|---|---|
| ES6 (ECMAScript 2015) | \n2015 | \nlet, const, class / 화살표 함수/ 템플릿 리터럴 / 디스트럭처링 할당/ spread 문법, rest 파라미터, Symbol, Promise/ Map, Set / iterator, generator /module import/export | \n
| ES7 (ECMAScript 2016) | \n2016 | \n지수(**) 연산자, Array.prototype.includes, String.prototype.includes | \n
| ES8 (ECMAScript 2017) | \n2017 | \nasync/await, Object 정적 메소드(Object.values, Object.entries, Object.getOwnPropertyDescriptors) | \n
| ES9 (ECMAScript 2018) | \n2018 | \nObject Rest/Spread 프로퍼티 | \n
*
Promise와 Callback의 차이점 / Promise란 무엇이며 코드가 어떻게 구성되어있는가 :
\n\t// Promise 객체의 생성\nconst promise = new Promise((resolve, reject) => {\n// 비동기 작업을 수행한다.\nif (/* 비동기 작업 수행 성공 */) {\n resolve('result');\n}\nelse { /* 비동기 작업 수행 실패 */\n reject('failure reason');\n}\n});Async, Await가 무엇이며, 사용해본 경험 / Async, Await와 Promise의 차이 :
\nPromise가 콜백 대비 장/단점:
\n이벤트 버블링(하위 -> 상위) : 특정 화면 요소에서 이벤트가 발생했을 때 하위 -> 상위 요소들로 전달이벤트 캡처링(상위 -> 하위) : 이벤트 버블링과 반대로 상위 요소 -> 하위 요소로 탐색하며 이벤트를 전파이벤트 버블링:
\n이벤트 캡쳐링:
\n이벤트 위임:
\n